<?php
/**
 * @package     Joomla.Site
 * @subpackage  Templates.beez3
 * @copyright   Copyright (C) 2005 - 2013 Open Source Matters, Inc. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */

// No direct access.
defined('_JEXEC') or die;

JLoader::import('joomla.filesystem.file');

$showSlide	= ($this->countModules('slideshow'));

?>

<!DOCTYPE HTML>
<html lang="en-gb" dir="ltr">

<head>
	
<jdoc:include type="head" />

  
  
  <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/modal.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/k2.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/widgetkit-88cdf105.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/rokbox-style.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/style.css" type="text/css" />
  <script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/mootools-core.js" type="text/javascript"></script>
  <script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/core.js" type="text/javascript"></script>
  <script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/mootools-more.js" type="text/javascript"></script>
  <script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/modal.js" type="text/javascript"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
  <script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/k2.js" type="text/javascript"></script>
  <script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/caption.js" type="text/javascript"></script>
  <script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/jquery.js" type="text/javascript"></script>
  <script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/widgetkit-d7aba4de.js" type="text/javascript"></script>
  <script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/rokbox.js" type="text/javascript"></script>
  <script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/rokbox-config.js" type="text/javascript"></script>
  <script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/engine.js" type="text/javascript"></script>
  <script type="text/javascript">

		window.addEvent('domready', function() {

			SqueezeBox.initialize({});
			SqueezeBox.assign($$('a.modal'), {
				parse: 'rel'
			});
		});
var K2SitePath = '/joomla/beautysalon/';
window.addEvent('load', function() {
				new JCaption('img.caption');
			});
var rokboxPath = '/joomla/beautysalon/plugins/system/rokbox/';
  </script>

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/base.css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/layout.css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/menus.css" />
<style>

.wrapper { max-width: 980px; }
body { color: #444444; }
.header-wrapper, .footer-wrapper, a.readon, a.button, .apbutton, button.button, input.button, input[type="submit"], .menu-dropdown > li.level1, .catItemBlog .catItemDateCreated, .itemBlogView .ItemDateCreated, .highlight, .dropcap-circle.colored, .dropcap-square.colored, .tagcloud a { background-color: #820068; }
a, a.readon, a.link { color: #820068; }
a:hover, a.readon:hover, a.link:hover { color: #cc0099; }
button:hover,
a.button:hover,
a.readon:hover,
.apbutton:hover,
button.button:hover,
input.button:hover,
input[type="submit"]:hover { background-color: #cf00a5; }
.menu-dropdown a.level1,
.menu-dropdown span.level1 { color: #ff36d7; }
.home-service .nspImageWrapper:hover,
.home-staff .nspImageWrapper:hover { box-shadow: 0 0 0 5px rgba(130,0,104,0.8); }
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1  { color: #e800ba; }
.menu-dropdown .dropdown-bg > div  { background: rgba(0,0,0,0.8); }
span.userItemImage, span.tagItemImage, span.itemImage, span.catItemImage, .inputbox:hover, .inputbox:focus, input[type="text"]:hover, input[type="text"]:focus, input[type="password"]:hover, input[type="password"]:focus, input[type="email"]:hover, input[type="email"]:focus, textarea:hover, textarea:focus, body ul.circle-checkmark li:before, body ul.square-checkmark li:before, body ul.checkmark li:after, body ul.triangle-small li:after, body ul.triangle li:after, body ul.triangle-large li:after, body ul.circle-small li:after, body ul.circle li:after, body ul.circle-large li:after, .title1 .module-surround .module-border, .box6 .rt-block, ul.checkmark li:after, ul.circle-checkmark li:after, ul.square-checkmark li:after, ul.circle-small li:after, ul.circle li:after, ul.circle-large li:after, .tagcloud a:before  { border-color: #820068; }
body  { background-color: #820068; }
body , body p { font-family: Arial; }
h1,h2,h3,h4,h5,h6, .show-title, .wk-twitter-single .content { font-family: Arial; }
.menu-dropdown a.level1, .menu-dropdown span.level1 { font-family: Arial; }
#maininner { width: 100%; }
#menu .dropdown { width: 250px; }
#menu .columns2 { width: 500px; }
#menu .columns3 { width: 750px; }
#menu .columns4 { width: 1000px; }</style>

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/modules.css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/tools.css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/system.css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/extensions.css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/joomla.css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/custom.css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/typography.css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/style.css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/responsive.css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/print.css" />
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Overlock" />
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/warp.js"></script>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/responsive.js"></script>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/accordionmenu.js"></script>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/dropdownmenu.js"></script>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/tipsy.js"></script>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/template.js"></script>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/lazyloader.js"></script>


<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

</head>

<body id="page" class="page  isblog noborder" data-config='{"twitter":0,"plusone":0,"facebook":0}'>

	<div class="header-wrapper">	
<div class="header-shadow">
	<div class="wrapper clearfix">

		<header id="header">

						<div id="toolbar" class="clearfix">

								<div class="float-left">
				
										<time datetime="2013-06-15"><?php echo JText::sprintf('%s', JHtml::_('date',date(''), JText::_('DATE_FORMAT_LC1'))); ?></time>
									
										
				</div>
									
								<div class="float-right"><div class="module   deepest">

			
<ul class="social-bookmark">
<li class=""> <!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>

<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fa39c2a6b168ca3"></script>
<!-- AddThis Button END --></li>
</ul>		
</div></div>
								
			</div>
			
				
			<div id="headerbar" class="clearfix">
			
					
				<a id="logo" href="<?php echo $this->baseurl ?>">
<p><img class="logo" alt="logo" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/image/logo.png" width="209" /></p></a>
				                
                				<div id="menubar" class="clearfix">
    
                				<nav id="menu">
							<jdoc:include type="modules" name="nav-menu" />
						</nav>
				                
                </div>
								
								
			</div>
			
			
			    <jdoc:include type="modules" name="slideshow" />
			
			           
          	          
              
            
          
		
					
		</header>
        
 </div>
 </div>
 </div>
 
 <div class="body-wrapper">
 <div class="wrapper clearfix">
 		
                
		<?php if($showSlide) { ?> 
		
        <div class="slider-position">
            </div>
            
         

				<section id="top-a" class="grid-block">
					
					<jdoc:include type="modules" name="top-boxs" />
					
				</section>
				
				
			
			
			
			<jdoc:include type="modules" name="home-service" />
			
        		
	
				<jdoc:include type="modules" name="home-news" />
				

				
		<?php } else { ?>
		
				<div id="main" class="grid-block">

			
			<div class="grid-box" id="maininner" style="min-height: 971px;">

				
								<jdoc:include type="modules" name="breadscrumb" />
				                
                
								<section class="grid-block" id="content">
<div id="system-message-container">
	      
	      <jdoc:include type="message" />
</div>

							<jdoc:include type="component" />
							
<div id="gmapp">
<jdoc:include type="modules" name="map" />
</div>	


	<jdoc:include type="modules" name="photo" />
	


								
								
								</section>
				
				
			</div>
						
			
		</div>
				<!-- main end -->
	<?php } ?>
				
		</div>
</div>
<div class="footer-wrapper">
<div class="footer-shadow">
 <div class="wrapper clearfix">
				<section id="bottom-b" class="grid-block"><div class="grid-box width25 grid-h"><div class="module mod-box contact-address deepest">

		<div class="module-title-wrapper"><h3 class="module-title"><span class="color">LIÊN</span> HỆ</h3></div>	
<p><i class="icon-home"></i> Số 18, Đường 65, Tân Quy Đông, P. Tân Phong, Q. 7, TP. HCM</p>
<p><i class="icon-th"></i> 0966403055 / 0975658740</p>
<p><i class="icon-envelope"></i>info@hoangdiepspa.com</p>
<p><i class="icon-globe"></i> <a href="http://www.bdtheme.com">www.hoangdiepspa.com</a></p>		
</div></div><div class="grid-box width25 grid-h"><div class="module mod-box  deepest">

		<div class="module-title-wrapper"><h3 class="module-title"><span class="color">GIỜ</span> LÀM VIỆC</h3></div>	
<p><i class="icon-calendar"></i> Các ngày trong tuần<br /> 
<i class="icon-time"></i> 9:00am - 8:00pm</p>
<!--<p><i class="icon-calendar"></i> Wednesday and Friday<br /> 
<i class="icon-time"></i> 10:30am - 8:00pm</p>
<p><i class="icon-calendar"></i> Saturday<br /> 
<i class="icon-time"></i> 10:30am - 2:00pm</p>	-->	
</div></div><div class="grid-box width25 grid-h"><div class="module mod-box  deepest">

		<div class="module-title-wrapper"><h3 class="module-title">HỖ TRỢ TRỰC TUYẾN</h3></div>	
<p><i class="icon-leaf"></i> Trao đổi trực tiếp với chúng tôi</p>
<p><a href="ymsgr:sendim?song_trang79">
<img alt="Tiến Phạm" src="http://opi.yahoo.com/online?u=song_trang79&amp;m=g&amp;t=14"    border=0 align=middle width="80px"  /></a> Hoàng Diệp<br /></p>
</div></div><div class="grid-box width25 grid-h"><div class="module mod-box  deepest">

		<div class="module-title-wrapper"><h3 class="module-title"><span class="color">DANH MỤC</span> CHÍNH</h3></div>
		
		<jdoc:include type="modules" name="bottom-menu" />
		
		
		
		
</div></div></section>
				
				<footer id="footer">

						<a id="totop-scroller" href="#page"></a>
			
			<div class="module   deepest">
<jdoc:include type="modules" name="footer-menu" />
			
			
</div>
			Bản quyền <a href="">HoangDiepSpa.com</a>
		</footer>
		
	</div>
	
    </div>
    </div>
    
	    
    
	<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/shadows.js"></script>
    
	
</body>
</html>
